<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ $data['title'] }}数据大屏</title>
    <link rel="stylesheet" href="js/layui/css/layui.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/reset.css">
</head>
<body>
<div id="particles-js" class="main">
    <div class="main_con">
        <div class="main_top">
            <div class="main_top_left ">
                <div class="logo"><img src="./images/logo.png" class="logo" /></div>
                <div class="main_top_left_top main_top_left_top_00">
                    <div class="main_top_left_top_title">随访统计<span id="suifangMore">更多</span></div>
                    <div class="main_top_left_top_con">
                        <div>今日已随访工作室数：<span>{{$data['isfollow_num']}}</span></div>
                        <div>今日未随访工作室数：<span>{{$data['nofollow_num']}}</span></div>
                    </div>
                </div>
            </div>
            <div class="main_top_middle">
                <div class="main_top_middle_top_title">
                    {{ $data['title'] }}数据大屏
                </div>
                <div class="top_center_box">
                    <i class="layui-icon layui-icon-logout icon-right-abs"></i>
                    <div class="main_top_middle_box" id="huanzhe">
                        <div class="main_top_middle_num_title">患者数量</div>
                        <div class="main_top_middle_num">
                            <div class="main_top_middle_num_list">
                                <p class="main_top_middle_num_list5 patient5">0</p>
                            </div>
                            <div class="main_top_middle_num_list">
                                <p class="main_top_middle_num_list4 patient4">0</p>
                            </div>
                            <div class="main_top_middle_num_list">
                                <p class="main_top_middle_num_list3 patient3">0</p>
                            </div>
                            <div class="main_top_middle_num_list">
                                <p class="main_top_middle_num_list2 patient2">0</p>
                            </div>
                            <div class="main_top_middle_num_list">
                                <p class="main_top_middle_num_list1 patient1">0</p>
                            </div>
                        </div>
                    </div>
                    <div class="main_top_middle_box" id="worklist">
                        <div class="main_top_middle_num_title">工作室数量</div>
                        <div class="main_top_middle_num">
                            <div class="main_top_middle_num_list">
                                <p class="main_top_middle_num_list5 work5">0</p>
                            </div>
                            <div class="main_top_middle_num_list">
                                <p class="main_top_middle_num_list4 work4">0</p>
                            </div>
                            <div class="main_top_middle_num_list">
                                <p class="main_top_middle_num_list3 work3">0</p>
                            </div>
                            <div class="main_top_middle_num_list">
                                <p class="main_top_middle_num_list2 work2">0</p>
                            </div>
                            <div class="main_top_middle_num_list">
                                <p class="main_top_middle_num_list1 work1">0</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main_top_left main_top_right">
                <div class="main_top_left_top">
                    <div class="main_top_left_top_title main_top_left_top_title_right">病种数<span id="bingzhongMore">更多</span></div>
                    <div id="questionId" class="main_top_right_top_con">
                    </div>
                </div>
            </div>
        </div>
        <div class="main_middle">
            <div class="main_middle_list">
                <img src="./images/main_middle.png">
                <div class="main_list_title main_list_title1">今日新增工作室</div>
                <span class="main_list_title_num main_list_title_num1">{{$data['today_work_num']}}</span>
            </div>
            <div class="main_middle_list">
                <img src="./images/main_middle.png">
                <div class="main_list_title main_list_title2">今日新增患者</div>
                <span class="main_list_title_num main_list_title_num2">{{$data['today_patient_num']}}</span>
            </div>
            <div class="main_middle_list">
                <img src="./images/main_middle.png">
                <div class="main_list_title main_list_title3">今日新增文章</div>
                <span class="main_list_title_num main_list_title_num3">{{$data['total_article_num']}}</span>
            </div>
            <div class="main_middle_list">
                <img src="./images/main_middle.png">
                <div class="main_list_title main_list_title4">今日新增视频</div>
                <span class="main_list_title_num main_list_title_num4">{{$data['total_course_num']}}</span>
            </div>
            <div class="main_middle_list">
                <img src="./images/main_middle.png">
                <div class="main_list_title main_list_title5">今日新增咨询订单</div>
                <span class="main_list_title_num main_list_title_num5">{{$data['total_order_num']}}</span>
            </div>
        </div>
        <div class="main_bottom">
            <div class="main_bottom_top">
                <div class="main_bottom_top_list">
                    <img src="./images/main_bottopm_top2.png">
                    <div class="main_bottom_t_l_title">工作室咨询排行<span id="zixun">更多</span></div>
                    <div class="main_bottom_t_l_con">
                        <div class="main_bottom_t_l_main2">
                            <ul>
                                @foreach($data['work_consult_ranking'] as $k=>$value)
                                    <li>
                                        <div class="main_bottom_t_l_main_list">
                                            <div class="main_bottom_t_list_title main_bottom_polity_title1"><span class="top_word">第{{$k+1}}名：</span><span>{{$value->work_name}}</span><span>{{$value->classify_name}}</span><span>{{$value->order_count}}</span></div>
                                        </div>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="main_bottom_top_list">
                    <img src="./images/main_bottopm_top2.png">
                    <div class="main_bottom_t_l_title">工作室患者数量排行榜<span id="huanzhe2">更多</span></div>
                    <div class="main_bottom_t_l_con">
                        <div class="main_bottom_t_l_main2">
                            <ul>
                                @foreach($data['work_patient_number'] as $k=>$value)
                                    <li>
                                        <div class="main_bottom_t_l_main_list">
                                            <div class="main_bottom_t_list_title main_bottom_polity_title1"><span class="top_word">第{{$k+1}}名：</span><span>{{$value->work_name}}</span><span>{{$value->classify_name}}</span><span>{{$value->order_count}}</span></div>
                                        </div>
                                    </li>
                                @endforeach

                            </ul>
                        </div>
                    </div>
                </div>
                <div class="main_bottom_top_list">
                    <img src="./images/main_bottopm_top2.png">
                    <div class="main_bottom_t_l_title">工作室创作内容排行</div>
                    <div class="main_bottom_t_l_con">
                        <div class="main_bottom_t_l_main2">
                            <ul>
                                @foreach($data['work_create_number'] as $k=>$value)
                                    <li>
                                        <div class="main_bottom_t_l_main_list">
                                            <div class="main_bottom_t_list_title main_bottom_polity_title1"><span class="top_word">第{{$k+1}}名：</span><span>{{$value->work_name}}</span><span>{{$value->classify_name}}</span><span>{{$value->order_count}}</span></div>
                                        </div>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main_bottom_bottom">
                <div class="main_bottom_b_left">
                    <div class="main_bottom_b_title">患者年龄分布</div>
                    <div id="coverageId" class="main_bottom_b_con"></div>
                </div>
                <div class="main_bottom_b_middle1">
                    <div class="main_bottom_b_title">工作室参与咨询趋势图<span id="contentId_open"><i class="layui-icon layui-icon-screen-full"></i></span></div>
                    <div id="contentId" class="main_bottom_b_con main_bottom_b_con2"></div>
                </div>
                <div class="main_bottom_b_middle2">
                    <div class="main_bottom_b_title">每日咨询趋势图<span id="publicNumId_open"><i class="layui-icon layui-icon-screen-full"></i></span></div>
                    <div id="publicNumId" class="main_bottom_b_con main_bottom_b_con2"></div>
                </div>
                <div class="main_bottom_b_right">
                    <div class="main_bottom_b_title">工作室参与咨询数<span id="takepart">更多</span></div>
                    <div id="yearsNumId" class="main_bottom_b_con">
                        <div class="center_box"><span>参与数量</span>{{$data['workconsultnum']}}</div>
                        <div class="center_box"><span>未参与数量</span>{{$data['no_workconsultnum']}}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/layui/layui.js"></script>
<script src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/dataScoll.js"></script>
<script type="text/javascript" src="js/digitalScroll.js"></script>
<script type="text/javascript" src="js/jcarousellite.js"></script>
<script type="text/javascript" src="js/particles.min.js"></script>
<script type="text/javascript" src="js/myapp.js"></script>

<script>
    // 弹窗
    layui.use(function(){
        var layer = layui.layer;

        $(".icon-right-abs").click(function(){
            layer.confirm('确认退出吗?', {icon: 3, title:'提示'},
                function(index){
                    //do something
                    location.href="/admin/auth/logout"
                },
                function(index) {
                    layer.close(index)
                }
            );
        })

        $("#suifangMore").click(function (){
            
            layer.open({
                type: 2, // page 层类型
                area: ['80%', '80%'],
                title: false,
                shade: 0.6, // 遮罩透明度
                shadeClose: true, // 点击遮罩区域，关闭弹层
                content: '/admin/getworkfollowlist?page=1&keyworld='
            });
        })

        // 患者数量弹窗
        $("#huanzhe").click(function (){
            
            layer.open({
                type: 2, // page 层类型
                area: ['80%', '80%'],
                title: false,
                shade: 0.6, // 遮罩透明度
                shadeClose: true, // 点击遮罩区域，关闭弹层
                content: '/admin/getworklist?page=1&keyworld='
            });
        })
        $("#huanzhe2").click(function (){

            layer.open({
                type: 2, // page 层类型
                area: ['80%', '80%'],
                title: false,
                shade: 0.6, // 遮罩透明度
                shadeClose: true, // 点击遮罩区域，关闭弹层
                content: '/admin/getworklist?page=1&keyworld='
            });
        })
        // 工作室弹窗
        $("#worklist").click(function (){
            
            layer.open({
                type: 2, // page 层类型
                area: ['80%', '80%'],
                title: false,
                shade: 0.6, // 遮罩透明度
                shadeClose: true, // 点击遮罩区域，关闭弹层
                content: '/admin/getworklist?page=1&keyworld='
            });
        })

        $("#bingzhongMore").click(function (){

            layer.open({
                type: 1, // page 层类型
                area: ['80%', '80%'],
                title: false,
                shade: 0.6, // 遮罩透明度
                shadeClose: true, // 点击遮罩区域，关闭弹层
                content: '<div id="particles-js" class="main "><div class="main_alert"><h1>病种数</h1><div id="bingzhong" style="height: 600%"></div></div></div>',
                success: function (){
                    var datas = {!! json_encode($data['disease_types']['list']) !!};
                    var questionChart = echarts.init(document.getElementById('bingzhong'));
                    var option = {
                        title: {
                            left: 'center'
                        },
                        tooltip: {
                            trigger: 'item',
                            formatter: '{a} <br/>{b} : {c} ({d}%)'
                        },
                        color:['#2E8CFF', '#FD9133','#37D2D4','#19CA88','#858FF8','#19CA88'],
                        legend: {
                            itemWidth: 22,// 标志图形的长度
                            itemHeight: 22,// 标志图形的宽度
                            // center: true,
                            // top: 'bottom',
                            top: 'bottom',
                            // x: '50%',
                            data: datas,
                            textStyle: { //图例文字的样式
                                color: '#fff',
                                fontSize: 16
                            },
                        },
                        series: [
                            {
                                name: '病种数',
                                type: 'pie',
                                radius: '60%',
                                center: ['50%', '40%'],
                                animationDuration: 2500,
                                data: datas,
                                label: {
                                    normal: {
                                        position: 'center',
                                        show : false
                                    }
                                }
                            }
                        ]
                    };
                    questionChart.setOption(option)
                }
            });
        })

        // 工作室参与咨询趋势图
        $("#contentId_open").click(function (){

            layer.open({
                type: 1, // page 层类型
                area: ['80%', '80%'],
                title: false,
                shade: 0.6, // 遮罩透明度
                shadeClose: true, // 点击遮罩区域，关闭弹层
                content: '<div id="particles-js" class="main "><div class="main_alert"><h1>工作室参与咨询趋势图</h1><div id="bingzhong" style="height: 600%"></div></div></div>',
                success: function (){
                    var questionChart = echarts.init(document.getElementById('bingzhong'));
                    var option = {
                        tooltip: {
                            trigger: 'axis'
                        },
                        legend: {
                            x: '35%',
                            y: '0%',
                            data: {!! json_encode($data['consultnummonth']['month_name']) !!},
                            textStyle: {
                                color: "#fff",
                                fontSize: 8
                            },
                            itemWidth: 10,
                            itemHeight: 10,
                        },
                        calculable: true,
                        xAxis: [
                            {
                                type: 'category',
                                data: {!! json_encode($data['consultnummonth']['month_name']) !!},
                                axisLabel: {
                                    interval: 0,
                                    textStyle: {
                                        fontSize: 8,
                                        color: 'rgba(255,255,255,.7)',
                                    }
                                },
                                "axisTick": {       //y轴刻度线
                                    "show": false
                                },
                                "axisLine": {       //y轴
                                    "show": false,
                                },
                            }
                        ],
                        yAxis: [
                            {
                                type: 'value',
                                scale: true,
                                boundaryGap: [0.2, 0.2],
                                "axisTick": {       //y轴刻度线
                                    "show": true
                                },
                                "axisLine": {       //y轴
                                    "show": true,
                                },
                                axisLabel: {
                                    textStyle: {
                                        color: 'rgba(255,255,255,.8)',
                                        fontSize: 8
                                        // opacity: 0.1,
                                    }
                                },
                                splitLine: {  //决定是否显示坐标中网格
                                    show: true,
                                    lineStyle: {
                                        color: ['#fff'],
                                        opacity: 0.2
                                    }
                                },
                            }

                        ],
                        color: ['#0EFCFF', '#FD9133'],
                        series: [
                            {
                                data : {!! json_encode($data['consultnummonth']['month_value']) !!},
                                type : 'line'
                            }
                        ]
                    };
                    questionChart.setOption(option)
                }
            });
        })

        // 工作室参与咨询每日趋势图
        $("#publicNumId_open").click(function (){

            layer.open({
                type: 1, // page 层类型
                area: ['80%', '80%'],
                title: false,
                shade: 0.6, // 遮罩透明度
                shadeClose: true, // 点击遮罩区域，关闭弹层
                content: '<div id="particles-js" class="main "><div class="main_alert"><h1>工作室参与咨询每日趋势图</h1><div id="bingzhong" style="height: 600%"></div></div></div>',
                success: function (){
                    var questionChart = echarts.init(document.getElementById('bingzhong'));
                    var option = {
                        tooltip: {
                            trigger: 'axis'
                        },
                        legend: {
                            x: '35%',
                            y: '0%',
                            data: {!! json_encode($data['consultnumday']['day_name']) !!},
                            textStyle: {
                                color: "#fff",
                                fontSize: 8
                            },
                            itemWidth: 10,
                            itemHeight: 10,
                        },
                        calculable: true,
                        xAxis: [
                            {
                                type: 'category',
                                data: {!! json_encode($data['consultnumday']['day_name']) !!},
                                axisLabel: {
                                    interval: 0,
                                    textStyle: {
                                        fontSize: 8,
                                        color: 'rgba(255,255,255,.7)',
                                    }
                                },
                                "axisTick": {       //y轴刻度线
                                    "show": false
                                },
                                "axisLine": {       //y轴
                                    "show": false,
                                },
                            }
                        ],
                        yAxis: [
                            {
                                type: 'value',
                                scale: true,
                                // name: '单位：%',
                                // nameTextStyle: {
                                //     color: 'rgba(255,255,255,.7)',
                                //     fontSize: 8
                                // },
                                // max: 100,
                                // min: 0,
                                boundaryGap: [0.2, 0.2],
                                "axisTick": {       //y轴刻度线
                                    "show": true
                                },
                                "axisLine": {       //y轴
                                    "show": true,
                                },
                                axisLabel: {
                                    textStyle: {
                                        color: 'rgba(255,255,255,.8)',
                                        fontSize: 8
                                        // opacity: 0.1,
                                    }
                                },
                                splitLine: {  //决定是否显示坐标中网格
                                    show: true,
                                    lineStyle: {
                                        color: ['#fff'],
                                        opacity: 0.2
                                    }
                                },
                            }

                        ],
                        color: ['#0EFCFF', '#FD9133'],
                        series: [
                            {
                                data : {!! json_encode($data['consultnumday']['day_value']) !!},
                                type : 'line'
                            }
                        ]
                    };
                    questionChart.setOption(option)
                }
            });
        })
        //咨询排行
        $("#zixun").click(function (){

            layer.open({
                type: 2, // page 层类型
                area: ['80%', '80%'],
                title: false,
                shade: 0.6, // 遮罩透明度
                shadeClose: true, // 点击遮罩区域，关闭弹层
                content: '/admin/getworkconsultlist?page=1&w_id=',

            });
        })

        //参与咨询
        $("#takepart").click(function (){
            layer.open({
                type: 2, // page 层类型
                area: ['80%', '80%'],
                title: false,
                shade: 0.6, // 遮罩透明度
                shadeClose: true, // 点击遮罩区域，关闭弹层
                content: '/admin/getworkaddconsultlist?page=1&w_id=',
            });
        })
    });


    $(function() {
        function apiFn() {
            this.hostname = ""
        }
        apiFn.prototype = {
            Init:function() {
                this.findCount()
                this.otherDataFn()
                this.questionFn()
                this.threeTasksFn()
                this.coverageFn()
                this.contentFn()
                this.publicNumFn()
                setInterval(function() {
                    numInit()
                },6000)
            },
            findCount:function() {

            },
            // 其他数据展示
            otherDataFn:function() {
                $(".daysData").addClass("counter-value").text("304")
                $(".weekData").addClass("counter-value").text("2044")
                $(".monthData").addClass("counter-value").text("909")
                $(".someThing").addClass("counter-value").text("980")
                $(".policyData").addClass("counter-value").text("200")
            },

            // 病种
            questionFn:function() {

                var datas = {!! json_encode($data['disease_types']['list']) !!};
                var questionChart = echarts.init(document.getElementById('questionId'));
                var option = {
                    tooltip: {
                        trigger: 'item',
                        formatter: '{a} <br/>{b} : {c} ({d}%)'
                    },
                    color:['#2E8CFF', '#FD9133','#37D2D4','#193cca','#858FF8','#ee6666'],
                    legend: {
                        itemWidth: 11,// 标志图形的长度
                        itemHeight: 11,// 标志图形的宽度
                        // left: 'center',
                        top: 'bottom',
                        textStyle: { //图例文字的样式
                            color: '#fff',
                            fontSize: 8,
                        },
                    },
                    series: [
                        {
                            name: '病种数',
                            type: 'pie',
                            radius: '55%',
                            center: ['50%', '40%'],
                            animationDuration: 2500,
                            data: datas,
                            label: {
                                normal: {
                                    show : false
                                }
                            }
                        }
                    ]
                };
                questionChart.setOption(option)
                setInterval(function() {
                    questionChart.clear()
                    questionChart.setOption(option)
                },8000)
            },
            // 患者数量及工作室数量
            threeTasksFn:function() {
                //患者数量
                let patient_num = "{{$data['patient_num']}}";
                if(6 - patient_num.length > 0) {
                    for(g = 0; g < 6 - patient_num.length; g++) {
                        $(".patient"+(6 - g)).text('0')
                    }
                }
                for(var j = 0; j < patient_num.length; j++) {
                    $(".patient"+(patient_num.length - j)).text(patient_num.substr(j,1))
                }

                //工作室
                let work_total = "{{$data['work_total']}}";
                if(6 - work_total.length > 0) {
                    for(g = 0; g < 6 - work_total.length; g++) {
                        $(".work"+(6 - g)).text('0')
                    }
                }
                for(var j = 0; j < work_total.length; j++) {
                    $(".work"+(work_total.length - j)).text(work_total.substr(j,1))
                }

                return false

            },
            // 年龄分布
            coverageFn:function() {

                var resArr = {!! json_encode($data['ageRadar']) !!};
                var indicatorArr = []
                var numArr = []
                var max = Math.max.apply('Math', resArr.age_value)
                for(var i = 0; i < resArr.age_name.length; i++) {
                    indicatorArr.push({name: resArr['age_name'][i],max: max})
                    numArr.push(resArr['age_value'][i])
                }

                var data = [
                    {
                        value: numArr
                    }
                ]
                var coverageChart = echarts.init(document.getElementById('coverageId'));
                var option = {
                    legend: {
                        show: false
                    },
                    tooltip: {
                        trigger: 'item',
                        position: ['30%', '30%'],
                        textStyle: {
                            align: 'left'
                        }
                    },
                    radar: {
                        // shape: 'circle',
                        radius: '50%',
                        triggerEvent: true,
                        // type: 'default',
                        name: {
                            textStyle: {
                                color: '#39DCF4',
                                fontSize: '10',
                                // borderRadius: 3,
                                padding: [10, 10]
                            }
                        },
                        nameGap: '2',
                        indicator: indicatorArr,
                        splitArea: {
                            areaStyle: {
                                color: 'rgba(255,255,255,0)'
                            }
                        },
                        axisLine: { //指向外圈文本的分隔线样式
                            lineStyle: {
                                color: 'rgba(255,255,255,.2)'
                            }
                        },
                        splitLine: {
                            lineStyle: {
                                width: 1,
                                color: 'rgba(255,255,255,.2)'
                            }
                        },

                    },
                    series: [{
                        name: '患者年龄分布',
                        type: 'radar',
                        animationDuration: 2000,
                        areaStyle: {
                            normal: {
                                color: {
                                    type: 'linear',
                                    opacity: 1,
                                    x: 0,
                                    y: 0,
                                    x2: 0,
                                    y2: 1,
                                    color: '#2EEFAD'
                                }
                            }
                        },
                        symbolSize: 0,
                        lineStyle: {
                            normal: {
                                color: '#2EEFAD',
                                width: 2
                            }
                        },
                        data: data
                    }]
                };
                console.log(option)
                coverageChart.setOption(option)
                setInterval(function() {
                    coverageChart.clear()
                    coverageChart.setOption(option)
                },10000)
            },
            // 工作室参与咨询图
            contentFn:function() {

                var contentChart = echarts.init(document.getElementById('contentId'));
                var option = {
                    tooltip: {
                        trigger: 'axis'
                    },
                    legend: {
                        data: {!! json_encode($data['consultnummonth']['month_name']) !!},
                        textStyle: {
                            color: "#fff",
                            fontSize: 8
                        }
                    },
                    calculable: true,
                    xAxis: [
                        {
                            type: 'category',
                            data: {!! json_encode($data['consultnummonth']['month_name']) !!},
                            axisLabel: {
                                interval: 0,
                                textStyle: {
                                    fontSize: 8,
                                    color: 'rgba(255,255,255,.7)',
                                }
                            },
                            "axisTick": {       //y轴刻度线
                                "show": false
                            },
                            "axisLine": {       //y轴
                                "show": false,
                            },
                        }
                    ],
                    yAxis: [
                        {
                            type: 'value',
                            scale: true,
                            // name: '单位：%',
                            // nameTextStyle: {
                            //     color: 'rgba(255,255,255,.7)',
                            //     fontSize: 8
                            // },
                            // max: 100,
                            // min: 0,
                            boundaryGap: [0.2, 0.2],
                            "axisTick": {       //y轴刻度线
                                "show": true
                            },
                            "axisLine": {       //y轴
                                "show": true,
                            },
                            axisLabel: {
                                textStyle: {
                                    color: 'rgba(255,255,255,.8)',
                                    fontSize: 8
                                    // opacity: 0.1,
                                }
                            },
                            splitLine: {  //决定是否显示坐标中网格
                                show: true,
                                lineStyle: {
                                    color: ['#fff'],
                                    opacity: 0.2
                                }
                            },
                        }

                    ],
                    color: ['#0EFCFF', '#FD9133'],
                    series: [
                        {
                            data : {!! json_encode($data['consultnummonth']['month_value']) !!},
                            type : 'line'
                        }
                    ]
                };
                contentChart.setOption(option)
                setInterval(function() {
                    contentChart.clear()
                    contentChart.setOption(option)
                },90000)
            },
            // 工作室参与趋势图 每日
            publicNumFn:function() {

                var publicNumChart = echarts.init(document.getElementById('publicNumId'));
                var option = {
                    tooltip: {
                        trigger: 'axis'
                    },
                    legend: {
                        data: {!! json_encode($data['consultnumday']['day_name']) !!},
                        textStyle: {
                            color: "#fff",
                            fontSize: 8
                        },
                        itemWidth: 10,
                        itemHeight: 10,
                    },
                    calculable: true,
                    xAxis: [
                        {
                            type: 'category',
                            data: {!! json_encode($data['consultnumday']['day_name']) !!},
                            axisLabel: {
                                interval: 0,
                                textStyle: {
                                    fontSize: 8,
                                    color: 'rgba(255,255,255,.7)',
                                }
                            },
                            "axisTick": {       //y轴刻度线
                                "show": false
                            },
                            "axisLine": {       //y轴
                                "show": false,
                            },
                        }
                    ],
                    yAxis: [
                        {
                            type: 'value',
                            scale: true,
                            // name: '单位：%',
                            // nameTextStyle: {
                            //     color: 'rgba(255,255,255,.7)',
                            //     fontSize: 8
                            // },
                            // max: 100,
                            // min: 0,
                            boundaryGap: [0.2, 0.2],
                            "axisTick": {       //y轴刻度线
                                "show": true
                            },
                            "axisLine": {       //y轴
                                "show": true,
                            },
                            axisLabel: {
                                textStyle: {
                                    color: 'rgba(255,255,255,.8)',
                                    fontSize: 8
                                    // opacity: 0.1,
                                }
                            },
                            splitLine: {  //决定是否显示坐标中网格
                                show: true,
                                lineStyle: {
                                    color: ['#fff'],
                                    opacity: 0.2
                                }
                            },
                        }

                    ],
                    color: ['#0EFCFF', '#FD9133'],
                    series: [
                        {
                            data : {!! json_encode($data['consultnumday']['day_value']) !!},
                            type : 'line'
                        }
                    ]
                };

                publicNumChart.setOption(option)
                setInterval(function() {
                    publicNumChart.clear()
                    publicNumChart.setOption(option)
                },60000)
            }

        }
        var start = new apiFn()
        start.Init()
    })
</script>

</body>
</html>
